<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
*{
     padding: 0;
	 margin: 0;
}
a{
     text-decoration: none;
}
li{
	list-style: none;
}
.clearfix:after{
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ;
}
.clearfix{
	display: block;
	zoom: 1;
}
header,.conten,.banner2,.min,.clearfix,.right,.jw,.con,.b,.footer{
	width: 980px;
	margin: 0 auto;
}
header{
	border: 3px solid white;
	height: 150px;
	padding-top: 24px;
	color: red;
   font-size: 21px;
}
header img{
	width: 200px;
	height: 80px;
	vertical-align: middle;
}
header img:first-child{
	margin-left: 158px;
}
header form{
	display: inline-block;
	margin: 0 30px;
}
header input{
	padding: 5px 20px;
	background:url(../bootstrap-3.3.7-dist/img/BOC_OUT.gif) no-repeat 5px center ;
}

nav{
	background: #2AABD2;
	height: 50px;
}
nav li{
	float: left;
	color: white;
	line-height: 50px;
	padding: 0 50px;
}
nav li:first-child{
	background: blue;
}
.banner2 img{
	width: 100%;
	height: 400px;
	margin: 5px 0;
}

.left{
	width: 600px;
	height: 250px;
	border: 1px solid black;
	font-family: "微软雅黑"；
	overflow:hidden;
	float: left;
	}
.left h2{
	font-size: 18px;
	font-weight: normal;
	color: black;
	background-color:whitesmoke;
	margin:3px 0px;
	border-bottom: 1px dashed #34c3fd;
	padding: 5px 20px;
	}
.left p{
	font-size: 12px;line-height:24px;
	}
.left img{
	float: left;
	width: 300px;
	margin: 5px 5px auto;
}
.right{
	width: 300px;
	height: 250px;
	border: 1px solid black;
	font-family: "微软雅黑"；
	overflow:hidden;
	float: right;
}
.right h2{
	font-size: 18px;
	font-weight: normal;
	color: black;
	background-color:whitesmoke;
	margin:3px 0px;
	border-bottom: 1px dashed #34c3fd;
	padding: 5px 20px;
}
.con{
	 width: 980px;
	 height: 250px;
	 overflow: hidden;
	 border: 6px solid black;
     background: white;
}
.d{
overflow: hidden;
padding:20px;
border-bottom: 1px dashed #483D8B ;
margin-bottom:10px ;
}
.con p{
	display: inline-block;
}
.con .z2{
	float: right;
}
.con-left img{
	width: 30px;
    margin-top: 50px;
	float: left;
}
.con-right img{
	width: 30px;
    margin-top: 50px;
	float: right;
}
.con li {
	width: 200px;
	height: 175px;
	float: left;
	margin-left: 10px ;
}
.con li img{
	width: 200px;
	height: 175px;
}
footer{
	width: 1200px;
	margin: 0 auto;
}
footer img{
	float: left;
	margin-left: ;
	padding: 15px;
	border-right:1px solid black ;
	margin: 5px 20px 20px 20%;
}
footer p{
	line-height: 20px;
	margin-top: 15px;
}
footer p:first-child{
	margin-top: 40px;
}
		</style>
	</head>
	<body>
		<header>
			<img src="img/10_03.gif" />
			<form action="">
				<input type="text" name="" id="" value="" />
			</form>
			<img src="img/10_09.gif" /><a>400-191-0099</a>
		</header>
		<!--导航-->
		<nav>
		<div class="conten">
			<ul class="clearfix">
				<li>首页</li>
				<li>关于我们</li>
				<li>新闻动态</li>
				<li>产品中心</li>
				<li>招商加盟</li>
				<li>案例展示</li>
				<li>售后服务</li>
				<li>联系我们</li>
			</ul>
		</div>
		</nav>
		 <banner class="banner">
	    	<div class="banner2">
	    	<img src="img/10_19.gif" />
	    </div>
	    </banner>
	    <!--关于我们，用户登录-->
	    <main class="clearfix ">
		<div class="left">
			<div class="left-one">
				<h2>关于我们/Honor</h2>
				<img src="img/10_23.gif" />
				<p>上海百纳塑业有限公司系PTFE / FEP / PFA制品的专业生产厂家，始建于 1995 年 8 月，属上海高科技改造企业。公司坐落于上海市沿江开发区，占地两万余平方米，现有员工200余人，其中技术人员30余人。多年来，百纳塑业务实守信、精益求精，立足于氟硅系列高科技制品的研发、生产和销售，是国内最大的铁氟龙（PTFE）、氟硅粘胶系列产品制造基地之一。公司具有自主进出口权，产品远销欧美、中东以及东南亚等国家和地区。</p>
			</div>
		</div>
		<div class="right">
			<h2>用户登录/User</h2>
			<div class="form-group">
				<label for="name">
					用户名：
				</label>
				<input type="text" id="name" placeholder="" class="form-control" />
			</div>
			<div class="form-group">
				<label for="name">
					密码：
				</label>
				<input type="text" id="name" placeholder="" class="form-control" /></br>
			<button class="btn btn-default btn-sm ">登录</button>
			<button class="btn btn-default btn-sm ">注册</button></br>
			<img src="img/10_26.gif" />
			<img src="img/10_28.gif" />
			</div>
		</div>
	</main>
	</br>
	<article>
			<div class="con">
				<div class="d">
				<p class="z">产品展示/Products</p>
			    <p class="z2" >more>></p>	
				</div>
			
				<div class="con-left">
				<img src="img/10_35.gif"/>				
				</div>
            <ul>
            	<li><img src="img/10_32.gif"/></li>
            	<li><img src="img/10_32.gif"/></li>
            	<li><img src="img/10_32.gif"/></li>
            	<li><img src="img/10_32.gif"/></li>
            	<li><img src="img/10_32.gif"/></li>
            </ul>
            <div class="con-right">
            <img src="img/10_38.gif"/>
            </div>
			</div>
	</article>
	<!--结尾-->
	<footer>
			<div class="b">
				<img src="img/10_03.gif"/>
			</div>
			<div class="b2">
               <p>Copyright @ 2015-2018 上海百纳塑业有限公司 版权所有 Power by BaiNa</p>
               <p>地址：上海市杨浦区控江路1865号</p>
                <p>电话：400-191-0099</p>
			</div>
		</footer>
	</body>
</html>
